.container {
  position: relative;
  width: 100%;
  background: url(../upload/home_wrap20181203.jpg) no-repeat center 0;
  z-index: 99;
  padding: 0;
}
.container .box_top {
  height: 355px;
  width: 100%;
}
.container .box_top .logo_mxd {
  position: relative;
}
.container .box_top .logo_mxd img {
  position: absolute;
  left: 35px;
  top: 28px;
}
.container .box_top .nav {
  position: absolute;
  left: 480px;
  top: 0px;
  z-index: 99;
}
.container .box_top .nav li {
  float: left;
  padding: 25px;
}
.container .box_top .nav li a {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.container .box_top .cloth1 {
  position: relative;
  background: url(../img/nav_bg2.png);
  display: none;
  width: 100%;
  height: 355px;
}
.container .box_top .cloth1 .download_li,
.container .box_top .cloth1 .news_li,
.container .box_top .cloth1 .info_li,
.container .box_top .cloth1 .pay_li,
.container .box_top .cloth1 .interaction_li,
.container .box_top .cloth1 .service_li {
  position: absolute;
  left: 604px;
  top: 70px;
}
.container .box_top .cloth1 .download_li li,
.container .box_top .cloth1 .news_li li,
.container .box_top .cloth1 .info_li li,
.container .box_top .cloth1 .pay_li li,
.container .box_top .cloth1 .interaction_li li,
.container .box_top .cloth1 .service_li li {
  padding: 5px 0;
  text-align: center;
}
.container .box_top .cloth1 .download_li li a,
.container .box_top .cloth1 .news_li li a,
.container .box_top .cloth1 .info_li li a,
.container .box_top .cloth1 .pay_li li a,
.container .box_top .cloth1 .interaction_li li a,
.container .box_top .cloth1 .service_li li a {
  color: #fff;
  font-size: 12px;
}
.container .box_top .cloth1 .download_li li a:hover,
.container .box_top .cloth1 .news_li li a:hover,
.container .box_top .cloth1 .info_li li a:hover,
.container .box_top .cloth1 .pay_li li a:hover,
.container .box_top .cloth1 .interaction_li li a:hover,
.container .box_top .cloth1 .service_li li a:hover {
  color: #FC3B3B;
}
.container .box_top .cloth1 .news_li {
  left: 742px;
}
.container .box_top .cloth1 .info_li {
  left: 854px;
}
.container .box_top .cloth1 .pay_li {
  left: 956px;
}
.container .box_top .cloth1 .interaction_li {
  left: 1084px;
}
.container .box_top .cloth1 .service_li {
  left: 1196px;
}
.container .box_bottom {
  position: relative;
  height: 310px;
  border: 4px solid #203983;
  background-color: #20293D;
  box-sizing: border-box;
  border-radius: 20px;
}
.container .box_bottom .more_tab {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 330px;
  top: 22px;
}
.container .box_bottom .box_l {
  float: left;
  position: relative;
  width: 280px;
  height: 100%;
  background: url(../img/mbtn_bg.png) no-repeat center;
}
.container .box_bottom .box_l > .box_l_ul {
  position: absolute;
  left: 1px;
  top: 101px;
  width: 100%;
  height: 195px;
}
.container .box_bottom .box_l > .box_l_ul #item1 a {
  background: url(../img/qlink.png) no-repeat 0px 0px;
}
.container .box_bottom .box_l > .box_l_ul #item1 a:hover {
  background: url(../img/qlink1_hover.png) no-repeat 0px 0px;
}
.container .box_bottom .box_l > .box_l_ul #item2 a {
  background: url(../img/qlink.png) no-repeat 0px -32px;
}
.container .box_bottom .box_l > .box_l_ul #item2 a:hover {
  background: url(../img/qlink2_hover.png) no-repeat 0px 0px;
}
.container .box_bottom .box_l > .box_l_ul #item3 a {
  background: url(../img/qlink.png) no-repeat 0px -64px;
}
.container .box_bottom .box_l > .box_l_ul #item3 a:hover {
  background: url(../img/qlink3_hover.png) no-repeat 0px 0px;
}
.container .box_bottom .box_l > .box_l_ul #item4 a {
  background: url(../img/qlink.png) no-repeat 0px -96px;
}
.container .box_bottom .box_l > .box_l_ul #item4 a:hover {
  background: url(../img/qlink4_hover.png) no-repeat 0px 0px;
}
.container .box_bottom .box_l > .box_l_ul #item5 a {
  background: url(../img/qlink.png) no-repeat 0px -128px;
}
.container .box_bottom .box_l > .box_l_ul #item5 a:hover {
  background: url(../img/qlink5_hover.png) no-repeat 0px 0px;
}
.container .box_bottom .box_l > .box_l_ul #item6 a {
  background: url(../img/qlink.png) no-repeat 0px -160px;
}
.container .box_bottom .box_l > .box_l_ul #item6 a:hover {
  background: url(../img/qlink6_hover.png) no-repeat 0px 0px;
}
.container .box_bottom .box_l > .box_l_ul li {
  width: 206px;
  height: 29px;
  margin: 3px 0;
}
.container .box_bottom .box_l > .box_l_ul li a {
  display: block;
  width: 100%;
  height: 29px;
  margin-left: 35px;
}
.container .box_bottom .box_l .circle {
  background: url(../img/download_bg.png) no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -106px;
  top: -104px;
  width: 100%;
  height: 100%;
}
.container .box_bottom .box_l .circle .mxd_download {
  display: block;
  background: url(../img/download_btn.png) no-repeat 0px 0px;
  width: 200px;
  height: 200px;
}
.container .box_bottom .box_m {
  float: left;
}
.container .box_bottom .box_m .nav-tabs > li.active > a {
  border: 2px solid #FFD118;
  border-bottom: 1px solid #FFD118;
  color: #FFD118;
}
.container .box_bottom .box_m .nav-tabs {
  border-bottom: none;
  margin-top: 16px;
  height: 32px;
}
.container .box_bottom .box_m .nav-tabs li {
  width: 126px;
  height: 100%;
  background-color: #10141F;
  margin-right: 12px;
  text-align: center;
  border: none;
  border-radius: 5px 5px 0 0;
}
.container .box_bottom .box_m .nav-tabs li a {
  padding: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  line-height: 30px;
  background-color: #111621;
  color: #8C9CA9;
}
.container .box_bottom .box_m .nav-tabs li a:hover {
  background-color: #20293D;
}
.container .box_bottom .box_m .y_line {
  width: 98%;
  height: 2px;
  background-color: #FFD118;
}
.container .box_bottom .box_m .tab-content {
  width: 600px;
  height: 275px;
  margin-top: 2px;
}
.container .box_bottom .box_m .tab-content .tab_one {
  padding: 10px;
}
.container .box_bottom .box_m .tab-content .tab_one li {
  margin-bottom: 7px;
  font-size: 12px;
}
.container .box_bottom .box_m .tab-content .tab_one li b {
  font-weight: 400;
  padding: 0 15px;
  color: #FFAB00;
}
.container .box_bottom .box_m .tab-content .tab_one li a {
  font-weight: 700;
}
.container .box_bottom .box_m .tab-content .tab_one li a:hover {
  text-decoration: underline;
}
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_1,
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_2,
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_3,
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_4,
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_5,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_1,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_2,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_3,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_4,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_5,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_8,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_9,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_10 {
  color: #FC3B3B;
}
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_6,
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_7,
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_8,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_1,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_2,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_3,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_4,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_5,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_6,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_7,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_8,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_10 {
  color: #FFD118;
}
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_9,
.container .box_bottom .box_m .tab-content .tab_one li #tab_one_10,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_6,
.container .box_bottom .box_m .tab-content .tab_one li #tab_two_7,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_1,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_2,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_3,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_4,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_5,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_6,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_7,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_8,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_9,
.container .box_bottom .box_m .tab-content .tab_one li #tab_four_10,
.container .box_bottom .box_m .tab-content .tab_one li #tab_three_9 {
  color: #fff;
}
.container .box_bottom .box_m .tab-content .tab_one li i {
  margin-right: 5px;
  float: right;
  font-style: normal;
  color: #fff;
}
.container .box_bottom .box_r {
  float: right;
}
.container .box_bottom .box_r .carousel {
  margin-top: 22px;
}
.main .main_l {
  float: left;
}
.main .main_l .history {
  width: 254px;
  height: 214px;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: content-box;
}
.main .main_l .history select {
  margin-left: 38px;
  margin-top: 10px;
  border: 1px solid #ccc;
  color: #666;
  width: 175px;
  font-size: 13px;
}
.main .main_l .services {
  width: 254px;
  height: 379px;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: content-box;
  margin-top: 20px;
}
.main .main_l .services .logo_services {
  margin-top: 10px;
  margin-left: 10px;
}
.main .main_l .services .dashed {
  width: 234px;
  height: 1px;
  border-top: 1px dashed #ccc;
  margin-top: 10px;
  margin-left: 10px;
}
.main .main_l .services .description_services {
  margin-top: 10px;
  margin-left: 30px;
  width: 200px;
  height: 170px;
  font-size: 12px;
}
.main .main_l .services .description_services p {
  margin: 7px 0;
}
.main .main_l .services .description_services a {
  text-decoration: underline;
}
.main .main_l .services .description_services a:hover {
  color: #FF6600;
}
.main .main_l .services .services_link li a {
  margin-left: 20px;
  display: inline-block;
  width: 211px;
  height: 25px;
  background: url(../img/gameServicelink.png) no-repeat;
}
.main .main_l .services .services_link .services_link1 a:hover {
  background: url(../img/gameServicelink1_hover.png) no-repeat;
}
.main .main_l .services .services_link .services_link2 a {
  background-position: 0 -33px;
}
.main .main_l .services .services_link .services_link2 a:hover {
  background: url(../img/gameServicelink2_hover.png) no-repeat;
}
.main .main_l .services .services_link .services_link3 a {
  background-position: 0 -66px;
}
.main .main_l .services .services_link .services_link3 a:hover {
  background: url(../img/gameServicelink3_hover.png) no-repeat;
}
.main .main_l .services .services_link .services_link4 a {
  background-position: 0 -99px;
}
.main .main_l .services .services_link .services_link4 a:hover {
  background: url(../img/gameServicelink5_hover.png) no-repeat;
}
.main .main_l .other_wx_wb {
  width: 254px;
  height: 220px;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: content-box;
  margin-top: 20px;
}
.main .main_l .other_wx_wb .other_wx_wb_up {
  font-size: 13px;
}
.main .main_l .other_wx_wb .other_wx_wb_up .other_wx_wb_up_l {
  float: left;
  width: 127px;
  height: 48px;
  text-align: center;
  background: url(../img/weixin-hd.png) no-repeat 0px 0px;
}
.main .main_l .other_wx_wb .other_wx_wb_up .other_wx_wb_up_l a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 13px;
  color: #fff;
}
.main .main_l .other_wx_wb .other_wx_wb_up .other_wx_wb_up_r {
  float: right;
  width: 127px;
  height: 48px;
  text-align: center;
  background: url(../img/weixin-hd.png) no-repeat -126px 0px;
}
.main .main_l .other_wx_wb .other_wx_wb_up .other_wx_wb_up_r a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 13px;
  color: #999;
}
.main .main_l .other_wx_wb .other_wx_wb_down {
  margin-top: 55px;
  margin-left: 50px;
  width: 150px;
  height: 150px;
  background: url(../img/ewm1.jpg);
}
.main .main_m {
  float: left;
  margin-left: 40px;
}
.main .main_m .new_pro {
  width: 613px;
  height: 214px;
  border: 1px solid #ccc;
  border-radius: 14px;
  background: url(../img/shopping_bg.png) no-repeat;
}
.main .main_m .new_pro .new_pro {
  position: relative;
  width: 100%;
  height: 100%;
}
.main .main_m .new_pro .new_pro .getmoney {
  position: absolute;
  right: 60px;
  top: 8px;
  width: 83px;
  height: 23px;
  background: url(../img/pay_btn.png);
}
.main .main_m .new_pro .new_pro .imgall {
  overflow: hidden;
  width: 85%;
  margin: 0 auto;
  margin-top: 50px;
}
.main .main_m .new_pro .new_pro .imgall .swiper_arrl {
  position: absolute;
  left: 16px;
  top: 114px;
  width: 27px;
  height: 27px;
  background: url(../img/arrow2.png);
  z-index: 99999;
}
.main .main_m .new_pro .new_pro .imgall .swiper_arrr {
  position: absolute;
  left: 569px;
  top: 114px;
  width: 27px;
  height: 27px;
  background: url(../img/arrow2.png) top right;
  z-index: 99999;
}
.main .main_m .new_pro .new_pro .imgall .swiper-container {
  position: relative;
  overflow: visible;
  width: 130px;
  height: 150px;
  margin-left: 0;
}
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide {
  position: relative;
  width: 110px!important;
  height: 150px;
  margin: 0 10px;
  background: url(../img/pic1_bg.png) no-repeat;
}
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide img {
  margin-top: 12px;
  margin-left: 7px;
}
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .s1,
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .s2 {
  font-size: 12px;
  position: absolute;
  left: 30px;
  top: 115px;
  z-index: 99999;
  color: #000;
}
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .bg1,
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .bg2 {
  position: absolute;
  top: 117px;
  left: 13px;
  display: inline-block;
  width: 10px;
  height: 11px;
  background: url(../img/pic1-item1.png);
}
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .bg2 {
  top: 137px;
  background: url(../img/pic1-item2.png);
}
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .s1:hover,
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .s2:hover {
  color: #FC3B3B;
}
.main .main_m .new_pro .new_pro .imgall .swiper-container .swiper-slide .s2 {
  top: 135px;
}
.main .main_m .banner_m {
  position: relative;
  width: 612px;
  height: 146px;
  border: 1px solid #ccc;
  border-radius: 14px;
  margin-top: 20px;
  box-sizing: content-box;
}
.main .main_m .banner_m li {
  position: absolute;
}
.main .main_m .banner_m .m_current {
  display: block;
}
.main .main_m .player_mxd {
  overflow: hidden;
  position: relative;
  width: 613px;
  height: 213px;
  background: url(../img/playWorld_bg.png);
  margin-top: 20px;
}
.main .main_m .player_mxd .more_player {
  position: absolute;
  top: 12px;
  right: 17px;
  width: 18px;
  height: 18px;
}
.main .main_m .player_mxd .m_activity {
  width: 100%;
  height: 100%;
  font-size: 12px;
  margin-top: 45px;
}
.main .main_m .player_mxd .m_activity li {
  margin: 3px 0;
}
.main .main_m .player_mxd .m_activity li b {
  font-weight: 400;
  color: #FF6600;
  margin-left: 30px;
}
.main .main_m .player_mxd .m_activity li a {
  margin-left: 10px;
}
.main .main_m .player_mxd .m_activity li a:hover {
  color: #000;
  text-decoration: underline;
}
.main .main_m .player_mxd .m_activity li i {
  font-style: normal;
  float: right;
  margin-right: 30px;
}
.main .main_m .mxd_tv {
  position: relative;
  overflow: hidden;
  margin-top: 23px;
  width: 613px;
  height: 220px;
  background: url(../img/media_bg.png);
}
.main .main_m .mxd_tv .tvbox {
  width: 530px;
  height: 140px;
  margin: 0px auto;
  margin-top: 60px;
  border: 1px solid #ccc;
  border-radius: 14px;
  box-sizing: content-box;
  overflow: hidden;
}
.main .main_m .mxd_tv .tvbox ul {
  width: 1060px;
  height: 140px;
}
.main .main_m .mxd_tv .tvbox ul li {
  float: left;
}
.main .main_m .mxd_tv .tv_l,
.main .main_m .mxd_tv .tv_r {
  position: absolute;
  left: 50px;
  top: 120px;
  width: 36px;
  height: 35px;
  cursor: pointer;
  background: url(../img/arrow.png) no-repeat;
}
.main .main_m .mxd_tv .tv_r {
  left: 526px;
  background: url(../img/arrow.png) no-repeat right;
}
.main .main_r {
  float: right;
  margin-left: 20px;
}
.main .main_r .help {
  width: 253px;
}
.main .main_r .help a {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
}
.main .main_r .help a em {
  position: absolute;
  left: 197px;
  top: 36px;
  width: 76px;
  height: 76px;
  background: url(../img/rlink_hover.png);
}
.main .main_r .help a:hover em {
  transition: 0.3s left,0.3s top;
  left: 177px;
  top: 16px;
}
.main .main_r .help .kids,
.main .main_r .help .word,
.main .main_r .help .look {
  width: 253px;
  height: 92px;
  background: url(../img/rlink.png);
  margin-bottom: 19px;
}
.main .main_r .help .word {
  background-position: 0px 92px;
}
.main .main_r .help .look {
  background-position: 0px 185px;
}
.main .main_r .man {
  overflow: hidden;
  width: 254px;
  height: 280px;
  background: url(../img/master_bg.png);
}
.main .main_r .man .border {
  position: relative;
  margin-top: 50px;
  margin-left: 20px;
  width: 216px;
  height: 130px;
  background: url(../img/master-pic-bg.png);
}
.main .main_r .man .border img {
  margin-top: 4px;
  margin-left: 5px;
  width: 206px;
  height: 122px;
}
.main .main_r .man .border p {
  font-size: 13px;
  margin-left: 50px;
}
.main .main_r .man .border .name_mxd {
  margin-top: 10px;
}
.main .main_r .man .border .place {
  margin-top: -8px;
}
.main .main_r .man .border .i1,
.main .main_r .man .border .i2 {
  position: absolute;
  left: 32px;
  bottom: -21px;
  width: 11px;
  height: 11px;
  background: url(../img/master-icon.png);
}
.main .main_r .man .border .i2 {
  bottom: -41px;
}
.main .main_r .man .line_r {
  width: 220px;
  height: 1px;
  border-top: 1px dashed #ccc;
  margin-top: 50px;
  margin-left: 17px;
}
.main .main_r .man .join {
  display: inline-block;
  width: 211px;
  height: 25px;
  background: url(../img/master-btn.png);
  margin-top: 6px;
  margin-left: 23px;
}
.main .main_r .man .join:hover {
  background: url(../img/master-btn-hover.png);
}
.main .main_r .gift {
  overflow: hidden;
  margin-top: 25px;
  width: 254px;
  height: 220px;
  background: url(../img/cooperation_bg.png);
}
.main .main_r .gift .white {
  position: relative;
  overflow: hidden;
  margin-top: 41px;
  margin-left: 10px;
  width: 231px;
  height: 169px;
  background-color: #fff;
  border-radius: 14px;
}
.main .main_r .gift .white .gifts {
  text-align: center;
  line-height: 30px;
  position: relative;
}
.main .main_r .gift .white .gifts .l_17,
.main .main_r .gift .white .gifts .l_dw,
.main .main_r .gift .white .gifts .l_xl,
.main .main_r .gift .white .gifts .l_52 {
  position: absolute;
  left: 100px;
  top: 10px;
  display: inline-block;
  width: 126px;
  height: 30px;
  background: url(../img/cooperation_btn.png);
  color: #fff;
  z-index: 999;
}
.main .main_r .gift .white .gifts a:hover {
  background-position: 0 bottom;
}
.main .main_r .gift .white .gifts .l_dw {
  top: 50px;
}
.main .main_r .gift .white .gifts .l_xl {
  top: 90px;
}
.main .main_r .gift .white .gifts .l_52 {
  top: 130px;
}
.main .main_r .gift .white .pkb {
  position: absolute;
  left: -77px;
  top: 10px;
  width: 174px;
  height: 148px;
  background: url(../upload/cooperation_icon.png);
}
